<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/all.css" />
		<style>
			li{
				list-style: none;
				
			}
			
			li::before{
				/*
				 通过伪元素来设置图标字体
				   1.找到要设置图标的元素通过before或者after选中
				   2.在content中设置字体的编码
				   3.设置字体的样式
				     fab
				       font-family：'Font Awesome 5 Brands';
				       
				      fas
				      	font-family: 'Font Awesome 5 Free';
 			    		font-weight: 900; 
				       * */
				content: '\f1b0';
				font-family: 'Font Awesome 5 Free';
 			    font-weight: 900; 
 			    color: blue;
 			    margin-right: 4px;
			}
		</style>
	</head>
	<body>
		<!--<i class="fas fa-cat"></i>-->
		<ul>
			<li>锄禾日当午</li>
			<li>汗滴禾下土</li>
			<li>谁知盘中餐</li>
			<li>粒粒皆辛苦</li>
			<!--还可以通过实体的形式进行图标字体的使用-->
			<span class="fas">&#xf0f3</span>
		</ul>
	</body>
</html>
